<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="telephone=no" name="format-detection" />
    <title>发起团购</title>
    <link href="{{ static('css/main.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ static('css/style.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ static('css/shake.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ static('css/font-awesome.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ static('css/animate.min.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ static('css/idangerous.swiper.css') }}" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="{{ static('js/jquery-1.8.3.min.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/wo.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/jquery.form.min.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/jquery.form.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/upfiles.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/chosen.jquery.js') }}"></script>
    <!-- 日期插件js -->
{#    <script src="{{ static('js/datetime/jquery-1.11.1.min.js') }}"></script>#}
    <script src="{{ static('js/datetime/mobiscroll.core.js') }}"></script>
    <script src="{{ static('js/datetime/mobiscroll.widget.js') }}"></script>
    <script src="{{ static('js/datetime/mobiscroll.scroller.js') }}"></script>
    <script src="{{ static('js/datetime/mobiscroll.util.datetime.js') }}"></script>
    <script src="{{ static('js/datetime/mobiscroll.datetimebase.js') }}"></script>
    <script src="{{ static('js/datetime/mobiscroll.widget.ios.js') }}"></script>
    <script src="{{ static('js/datetime/mobiscroll.i18n.zh.js') }}"></script>
    <link href="{{ static('css/datetime/mobiscroll.animation.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ static('css/datetime/mobiscroll.widget.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ static('css/datetime/mobiscroll.widget.ios.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ static('css/datetime/mobiscroll.scroller.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ static('css/datetime/mobiscroll.scroller.ios.css') }}" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            var nowData=new Date();
            var opt= {
                theme:'ios', //设置显示主题
                mode:'scroller', //设置日期选择方式，这里用滚动
                display:'bottom', //设置控件出现方式及样式
                preset : 'datetime', //日期:年 月 日 时 分
                minDate: nowData,
                {#maxDate:new Date(nowData.getFullYear(),nowData.getMonth(),nowData.getDate()+7,22,00),#}
                dateFormat: 'yy-mm', // 日期格式,显示小时分钟加上dd
                dateOrder: 'yymm', //面板中日期排列格式,显示小时分钟加上dd
                stepMinute: 5, //设置分钟步长
                yearText:'年',
                monthText:'月',
                dayText:'日',
                hourText:'时',
                minuteText:'分',
                lang:'zh' //设置控件语言};
            };
            $('#dateinput').mobiscroll(opt);
            $('#dateinput2').mobiscroll(opt);
        });
    </script>
    <style>
        .part2 input {
            text-indent: 8em;
        }
    </style>
</head>
<body style="background-color: #fff !important;">

<div class="warpe">
    <form action="#" id="apply_active">
        <div class="head">
            <a href="#" class="return"><i class="icon-chevron-left"></i> 返回</a>
            发起团购
            <a href="Interest_search.html" class="search animated fadeInRight" style="font-size: 1.4rem;">发送</a>
        </div>
        <div class="edit_t">
            <input type="text" placeholder="输入标题" name="title" id="title">
            <textarea rows="8" placeholder="描述一下想发起的团购信息吧" name="info" id="info"></textarea>
        </div>
        <div class="photo clearfix">
            <div class="photo-control fl">
                <div class="active-photo img "><img id="ImgPr2"></div>
                <p class="mt10 tc"><label class="btn-upfiles"><input type="file" name="photo"
                                                                     id="up2"></label>
                </p>

            </div>
            <div class="photo-info fl">
                <textarea name="image_desctiption" cols="" rows="" class="area"
                          placeholder="图片描述"></textarea>
            </div>
        </div>

        <div class="main">
            <div class="part part2">
                <ul>
                    <li>
                        <input type="text" placeholder="待定" name="price" id="price">
                        <label class="puff_left">团购价格：</label>
                    </li>
                    <li>
                        <input type="text" placeholder="不包括你自己在内哦" name="count" id="count">
                        <label class="puff_left">最少参团人数：</label>
                    </li>
                    <li>
                        <input type="text" placeholder="点击选择日期" id="dateinput" name="receive">
                        <label class="puff_left">到货日期：</label>
                    </li>
                    <li>
                        <input type="text" placeholder="点击选择日期" id="dateinput2" name="end">
                        <label class="puff_left">截止日期：</label>
                    </li>
                    <li>
                        <input type="text" placeholder="" name="place" id="place">
                        <label class="puff_left">取货地点：</label>
                    </li>
                    <li>
                        <input type="text" placeholder="不包括你自己在内哦" name="people" id="people">
                        <label class="puff_left">参团人数上限：</label>
                    </li>
                </ul>
            </div>
            <div class="Release-submit">
                <p class="mt20">
                    <button type="submit" name="" value="" class="button btn-submit" id="submit_create">提交
                    </button>
                    <button type="button" name="" value="" class="button btn-reset">取消</button>
                </p>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    $('#apply_active').submit(function (e) {
        e.preventDefault();
        // 上传表单
        $(this).ajaxSubmit({
            url: '/group_sign',
            type: 'POST',
            success: function (data) {
                if (data.errno === "0") {
                    alert(data.errmsg);
                } else {
                    alert(data.errmsg);
                }
            }
        });
    });
</script>
<script type="text/javascript">
        $(document).ready(function ($) {
            //select 样式美化
            var config = {
                '.chosen-select-no-single': {disable_search_threshold: 10}
            };
            for (var selector in config) {
                $(selector).chosen(config[selector]);
            }
            $("#up").uploadPreview({
                Img: "ImgPr",
            });
            $("#up2").uploadPreview({
                Img: "ImgPr2",
            });
            $("#up3").uploadPreview({
                Img: "ImgPr3",
            });
        });
    </script>
</body>
</html>

